<GridLayout sdkExampleTitle sdkToggleNavButton class="border-gridLayout">
    <ListView [items]="customwriter.array" class="list-group">
        <ng-template let-item="item" let-odd="odd" let-even="even">
            <GridLayout rows="auto auto auto auto" columns="auto *" class="list-group-item">
                <Label class="list-group-item-heading" row="0" col="0" text="Message type: "></Label>
                <Label class="list-group-item-text" row="1" col="0" text="Date: "></Label>
                <Label class="list-group-item-text" row="2" col="0" text="Category: "></Label>
                <Label class="list-group-item-text" row="3" col="0" text="Message: "></Label>

                <Label class="list-group-item-heading" row="0" col="1" [text]="item.messageType"></Label>
                <Label class="list-group-item-text" row="1" col="1" [text]="item.date"></Label>
                <Label class="list-group-item-text" row="2" col="1" [text]="item.category"></Label>
                <Label class="list-group-item-text" row="3" col="1" [text]="item.message"></Label>
            </GridLayout>
        </ng-template>
    </ListView>
</GridLayout>